/*首页网页头部图片样式*/
header {
	width: 100%;
	>img {
		width: 100%;
		height: 64px;
		display: block;
	}
}
/*头部导航条（含有登录 注册 购物车部分）样式 */
.header{
	width: 100%;
	height: 40px;
	background-color:#333333;
	&-nav{
		height: 40px;
		width: 1226px;
		margin: 0 auto;
	}
	&-left{
		float: left;
		height: 40px;
		> ul li{
			float: left; 
			width: 56px;
			margin-right: 10px;
			background:url(/img/b1.png) no-repeat right center ;
		}
		a:hover{
			color: #fff;
        }
	}
	&-right{
		float: right;
		height: 40px;
		.log-reg{
			float: left;
			margin-right: 20px;
		}
	}
}
.header-right {
		a{
			margin-left: 12px;
		}
		a:hover{
			color: #fff;
		}
		.shop{
		cursor: pointer;
		float: right;
		width: 120px;
		height: 40px;
		background-color: #424242;
		> p{
			line-height: 40px;
			text-align: center;
			color: #b0b0b0;
			font-size: 12px;
			> a span{
				margin: 0 4px;
			}
		}
		p:hover{
			color: #fff;
		}
	}

}	
.header a{
	color: #b0b0b0;
	line-height: 40px;
	font-size: 12px;
}
/*logo部分的导航条 （含有logo和搜索框）样式*/
nav{
	width: 100%;
	height: 100px;
	.nav{
		height: 100px;
		width: 1226px;
		margin: 0 auto;	
		&-logo{
			height: 100px;
			float: left;
			width: 152px;
			>a img{
				margin-top:20px ;
				margin-left: 40px;
			}	
		}
		&-ul{
			height: 100px;
			width: 775px;
			float: left;
			>ul{
				margin-left: 66px;
				margin-top: 12px;
				height: 88px;
				>li{
					float: left;
					line-height: 88px;
					margin-right: 20px;
					>a{
						font-size: 16px;
						color:#333333 ;
					}
				}
			}
		}
		&-search{
			float: right;
			width: 295px;
			height: 50px;
			margin-top: 26px;
			> form{
				position: relative;
				width: 295px;
                height: 48px;
				border: solid 1px #e0e0e0;
				background: url(/img/fadajing.png) no-repeat 260px center;
				>input{
					@extend form ;
					box-sizing: border-box;
					height: 46px;
					width: 240px;
					outline: none;
                    font-size: 14px;
                    padding: 0;
                    padding-left: 10px;
                    border: none;
					border-right: solid 1px #e0e0e0;
				}
				.nav-search-text{
					height: 18px;
					width: 73px;
					position: absolute;
					right: 62px;
					top: 15px;
					a{
						display: inline-block;
						height: 18px;
						width: 34px;
						font-size: 12px;
						color: #757575;
						line-height: 18px;
						text-align: center;
						background-color: #eeeeee;
					}
					a:hover{
						background-color: #ff6700;
						color: #fff;
                    }
                    i:hover{
                        cursor: pointer;
                    }
				}
			}
		}	
	}
}
.nav-ul ul li a:hover{
	color: #ff6700;
}